﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreateEditRegister.aspx.cs" Inherits="Web.Cms.Member.Register"  Theme="Default" %>
<%@ Register assembly="RadCalendar.Net2" namespace="Telerik.WebControls" tagprefix="radCln" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="/Scripts/jquery-1.4.1.js" ></script>
    <script type="text/javascript"  src="/Scripts/jquery.validate.js" ></script>
  
       <style type="text/css">
        .style1
        {
            width: 100%;
        }
    *
{
	margin: 0;
	padding: 0;
	
}
        .style2
        {
            text-align: center;
        }
        .style3
        {
            text-align: right;
        }
        .style4
        {
            text-align: right;
            height: 40px;
        }
        .style5
        {
            height: 40px;
        }
        .style8
        {
            text-align: right;
            height: 30px;
        }
        .style9
        {
            height: 30px;
        }
       #form1  label.error  
       {
           color: red; vertical-align: top;
       }
       .Button_Insert11111
       {
         cursor: hand;
         cursor: pointer;
         background: url(/App_Themes/Default/Images/btn-add-115x52.gif);
         width: 76px;
         height: 24px;
         border: none;
     }
    </style>
    
   </head>
<body>

    <form id="form1" runat="server">
    
    <table class="style1" align="center">
        <tr>
            <td class="style2" colspan="2">
              <p class="heading" >ĐĂNG KÝ THÀNH VIÊN</p></td>
        </tr>
        <tr>
            <td class="style2" colspan="2">
                <asp:Label ID="lblUpdateStatus" runat="server" Font-Bold="true" ForeColor="red" 
                    Font-Size="11px"></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="Label1" runat="server" Text="Tên thành viên:"></asp:Label>
            </td>
            <td class="style5">
                <asp:TextBox ID="txtFullName" runat="server" Width="200px" Height="20px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                <asp:Label ID="Label2" runat="server" Text="Địa chỉ:"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtAddress" runat="server" 
                    Width="400px" Height="20px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="Label3" runat="server" Text="Email:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtEmail" runat="server" Width="200px" Height="20px" onchange="checkEmailExist(this)" onkeyup="checkEmailExist(this)"></asp:TextBox>
                <span id="mgs1" runat="server" style="color:Red"></span>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="Label4" runat="server" Text="Ngày sinh:"></asp:Label>
            </td>
            <td class="style9">
                <radCln:RadDateTimePicker ID="txtDateBirth" runat="server">
            </radCln:RadDateTimePicker>
            </td>
        </tr>      
        <tr>
            <td class="style8">
                <asp:Label ID="Label6" runat="server" Text="Số điện thoại:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtPhoneNumber" runat="server" Width="200px" Height="20px"  onkeypress="return keypress(event);" MaxLength="12" onchange="checkPhoneNumberExist(this)" onkeyup="checkPhoneNumberExist(this)" ></asp:TextBox>
                  <span id="mgs2" runat="server" style="color:Red"></span>
            </td>
        </tr>
         <tr>
            <td class="style8">
                <asp:Label ID="Label5" runat="server" Text="CMTND:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtCMTND" runat="server" Width="200px" Height="20px" MaxLength="12" onchange="checkCMTNDExist(this)" onkeyup="checkCMTNDExist(this)" ></asp:TextBox>
                  <span id="mgs3" runat="server" style="color:Red"></span>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="Label7" runat="server" Text="Mã người giới thiệu:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtCodeMemberParent" runat="server" Width="200px" 
                    Height="20px"></asp:TextBox>
            </td>
        </tr>     
        <tr>
            <td class="style8">
                <asp:Label ID="Label9" runat="server" Text="Tiền trong tài khoản:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtPriceMount" Text="0" runat="server" Height="20px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="lblNumberAcount" runat="server" Text="NumberAcount:"></asp:Label>
                </td>
            <td class="style9">
                <asp:TextBox ID="txtNumberAcount" Text="" runat="server" Height="20px" Width="200px" ></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="lblNameBank" runat="server" Text="NameBank:"></asp:Label>
            </td>
            <td class="style9">
                <asp:TextBox ID="txtNameBank" Text="" runat="server" Height="20px" 
                    Width="200px" ></asp:TextBox>
            </td>
        </tr>
         <tr>
            <td class="style8">
                <asp:Label ID="lblPass" runat="server" Text="Nhập mật khẩu:"></asp:Label>
                </td>
            <td class="style9">
                <asp:TextBox ID="txtPass" runat="server" TextMode="Password" Width="200px" 
                    Height="20px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style8">
                <asp:Label ID="lblConfirmPassword" runat="server" Text="Nhập lại mật khẩu:"></asp:Label>
                </td>
            <td class="style9">
                <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password" Width="200px" 
                    Height="20px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
                   <asp:Button ID="buttonUpdate" SkinID="admin-ButtonUpdate" runat="server"  onclick="buttonUpdate_Click"/>
                     <asp:Button ID="buttonAdd" SkinID="admin-ButtonInsert" runat="server"  onclick="buttonAdd_Click"/>
                </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        </table>
      </form>
</body>
</html>
<script type="text/javascript">
$().ready(function() {
    //$("#form1").validate({
     $('#<%=form1.ClientID %>').validate({
        rules: {
            <%= txtConfirmPassword.UniqueID%>:{      
                required: true,      
                minlength: 6,      
                equalTo:'#<%=txtPass.ClientID%>'
              },
            <%= txtFullName.UniqueID %>: {
                required: true
            },
            <%= txtPass.UniqueID %>: {
                minlength: 6,
                required:true
            },
            <%= txtEmail.UniqueID %>: {
                required: true,
               email:["^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"]
            },
            <%= txtCodeMemberParent.UniqueID %>: {
             required: true

            },
             <%= txtPhoneNumber.UniqueID %>: {
             required: true
           
             

            }
        }, messages: {
        
            <%= txtConfirmPassword.UniqueID%>:{       
                required: "Nhập lại mật khẩu", 
                minlength: jQuery.format("Nhập ít nhất {0} ký tự"), 
                equalTo: "Mật khẩu xác nhận chưa đúng"
            },
            <%= txtFullName.UniqueID %>:{ 
                required: "Vui lòng nhập họ tên bạn"
               
            },
             <%= txtPass.UniqueID %>:{ 
                required: "Chưa nhập mật khẩu", 
                minlength: "Password cần có ít nhất 6 ký tự" 
            },
             <%= txtEmail.UniqueID %>:{ 
                required: "Vui lòng nhập Email",
                email:"Email không đúng định dạng"
              
            },
             <%= txtCodeMemberParent.UniqueID %>:{ 
                required: "Vui lòng nhập mã người giới thiệu"
            },
            <%= txtPhoneNumber.UniqueID %>:{ 
                required: "Vui lòng nhập số điện thoại"
               
              
            }
       }
    });    
});

function checkEmailExist(arg){
     var _txt=arg.value;
    //var _txt = $("#txtEmail").val();
    if(_txt.length > 0){
        $.ajax({
            type: "POST",
            url: "/Layout/Pages/Check.aspx",
            data: { email: _txt },
            success: function(msg){//success
                if(msg == "true"){
                  $("#mgs1").text("Email này đã có,mời bạn chọn email khác");
                 $('#<%=buttonAdd.ClientID %>').attr("disabled", true);
                 $('#<%=buttonUpdate.ClientID %>').attr("disabled", true);
                  document.getElementById('txtEmail').style.borderColor="Orange";
                  document.getElementById('txtEmail').style.borderStyle="dotted";
                  //document.getElementById('<%=buttonAdd.ClientID %>').style.background="Orange";
                  //document.getElementById('<%=buttonUpdate.ClientID %>').style.background="Orange";
                }else{
                   $("#mgs1").text("");
                   $('#<%=buttonAdd.ClientID %>').attr("disabled", false);
                    $('#<%=buttonUpdate.ClientID %>').attr("disabled", false);
                   document.getElementById('txtEmail').style.borderColor="#92BBFB";
                   document.getElementById('txtEmail').style.borderStyle="solid";
                   //document.getElementById('<%=buttonAdd.ClientID %>').style.backgroundImage="url(/images/btn-thanh-toan-98x20.png)";
                   //document.getElementById('<%=buttonUpdate.ClientID %>').style.backgroundImage="url(/images/btn-thanh-toan-98x20.png)";
                }
            }
      });
    }
    }


     function checkPhoneNumberExist(arg){
     var _txt=arg.value;
    //var _txt = $("#txtEmail").val();
    if(_txt.length > 0){
        $.ajax({
            type: "POST",
            url: "/Layout/Pages/CheckPhoneNumber.aspx",
            data: { phoneNumber: _txt },
            success: function(mgs2){//success
                if(mgs2 == "true"){
                  $("#mgs2").text("Số điện thoại này đã có,mời bạn nhập số điện thoại khác");              
                 $('#<%=buttonAdd.ClientID %>').attr("disabled", true);
                 $('#<%=buttonUpdate.ClientID %>').attr("disabled", false);
                  document.getElementById('txtPhoneNumber').style.borderColor="Orange";
                  document.getElementById('txtPhoneNumber').style.borderStyle="dotted";                  
                }else{
                   $("#mgs2").text("");
                   $('#<%=buttonAdd.ClientID %>').attr("disabled", true);
                   $('#<%=buttonUpdate.ClientID %>').attr("disabled", false);       
                   document.getElementById('txtPhoneNumber').style.borderColor="#92BBFB";
                   document.getElementById('txtPhoneNumber').style.borderStyle="solid";                  
                }
            }
      });
    }
    }
        
    function checkCMTNDExist(arg){
     var _txt=arg.value;
    //var _txt = $("#txtEmail").val();
    if(_txt.length > 0){
        $.ajax({
            type: "POST",
            url: "/Layout/Pages/CheckCMTND.aspx",
            data: { CMTND: _txt },
            success: function(mgs3){//success
                if(mgs3 == "true"){
                  $("#mgs3").text("Số chứng minh thư nhân dân này đã có,mời bạn nhập số khác");              
                 $('#<%=buttonAdd.ClientID %>').attr("disabled", true);
                 $('#<%=buttonUpdate.ClientID %>').attr("disabled", false);
                  document.getElementById('txtCMTND').style.borderColor="Orange";
                  document.getElementById('txtCMTND').style.borderStyle="dotted";                  
                }else{
                   $("#mgs3").text("");
                 $('#<%=buttonAdd.ClientID %>').attr("disabled", true);
                 $('#<%=buttonUpdate.ClientID %>').attr("disabled", false);             
                   document.getElementById('txtCMTND').style.borderColor="#92BBFB";
                   document.getElementById('txtCMTND').style.borderStyle="solid";                  
                }
            }
      });
    }
    }

     function keypress(e) {
        //Hàm dùng để ngăn người dùng nhập các ký tự khác ký tự số vào TextBox
        var keypressed = null;
        if (window.event) {
            keypressed = window.event.keyCode; //IE
        }
        else {
            keypressed = e.which; //NON-IE, Standard
        }

        if (keypressed < 48 || keypressed > 57) { //CharCode của 0 là 48 (Theo bảng mã ASCII)
            //CharCode của 9 là 57 (Theo bảng mã ASCII)
            if (keypressed == 8 || keypressed == 127) {//Phím Delete và Phím Back
                return;
            }
            return false;
        }
    }   
</script>